@charset "UTF-8";

html{min-width: 1300px;}

.hidden{display: none;}

.hide{display: none !important;}

.w1200{width: 1200px; margin: 0 auto;}

/*清除浮动*/

.clearfix{*zoom: 1;}

.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}

/***********top and bottom css end***********/

.leftNav{width: 238px;position: relative;z-index: 20;border: 1px solid #e5e5e5;}

.leftNav .title{height: 96px;color: #fff;background: #003e92;}

.leftNav .title .en{display: block; padding: 20px 0 0 15px; line-height: 30px; font-size: 28px; text-transform: uppercase; font-family: "Cambria";}

.leftNav .title .line{width: 22px; height: 1px; display: block; margin: 10px 0 10px 15px; background: #fff;}

.leftNav .title h3{font-size: 20px;font-weight: bold;padding-left: 15px;padding-top:24px;}

.leftNav .list{padding: 0 8px;}

.leftNav .item{}

.leftNav .item:first-child{border-top: 0px;}

.leftNav .item h3{font-weight: bold;color: #1e468e;font-size: 14px;}

.leftNav .item h3 a{color: #1e468e;display: block;padding-left: 25px;line-height: 50px;border-top: 1px solid #e5e5e5;}

.leftNav .item h3 a:hover,

.leftNav .item h3 a.hover{color: #d20a05;}

.leftNav .item h3 s{float: right;width: 18px;height: 20px;margin-right: 8px;margin-top: 16px;background-position: -125px -25px;}

.leftNav .item .box{padding-bottom: 0;background: #f6f6f6;}

.leftNav .item .box a{color: #333;line-height: 40px;display: block;height: 40px;padding-left: 25px;overflow: hidden;}

.leftNav .item .box a s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}

.leftNav .item .box a:hover,

.leftNav .item .box a.hover{color: #003e92;font-weight: bold;}

.leftCon{width: 240px;padding-bottom: 40px;float: left;position: relative;z-index: 20;}

.leftCon .leftContact{width: 238px;margin-top: 20px;border: 1px solid #e5e5e5;}

.leftCon .leftContact .title{height: 40px;line-height: 40px;padding: 3px 15px 4px;font-size: 20px;font-weight: bold;color: #fff;background: #003e92;}

.leftCon .leftContact .title span{font-size: 14px; margin-left: 6px;}

.leftCon .leftContact .leftprocomt{padding-top: 10px;}

.leftCon .leftContact .leftprocomt li{float: left;text-align:center;width: 104px;margin: 0 10px;}

.leftCon .leftContact .leftprocomt li img{width: 104px;height: 78px;border-radius: 3px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .leftprocomt li p{font-size: 12px;line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .leftprocomt li:hover img{-webkkit-filter:brightness(105%);filter:brightness(105%);} .leftprocomt li:hover p{color:#1048a0;}

.leftCon .leftContact .contxt{padding: 8px 10px 15px; line-height: 30px;}

.leftCon .leftContact .contxt .img{float: left;display: block;border: 1px solid #e5e5e5;margin: 0 auto 10px;}

.leftCon .leftContact .contxt img{width: 215px;height: 215px;}

.indexTit{width: 100%; padding: 6px 0 16px; line-height: 40px;}

.indexTit .more{float: right; line-height: 36px; font-family: arial;margin-top: 6px;}

.indexTit h3{font-size: 24px; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px 0 7px;}

.indexTit s{width: 25px; height: 30px; background-position: -94px -26px;}

.indexTit .en{font-family: arial; font-size: 16px; display: inline-block; *display: inline; *zoom: 1;}

/*prolist*/

.prolist{width: 100%; overflow: hidden;}

.prolist .list{width: 100%;}

.prolist li{width: 290px;float: left; margin-position: relative;background: #fff;transition: all ease 300ms;overflow: hidden; margin-right:20px; margin-bottom:30px;}

.prolist li a{display: block; padding: 3px; border: 1px solid #e5e5e5;}

.prolist li img{width: 282px;height: 211px;display: block;}

.prolist li h3{padding: 0 6px;height: 60px;text-align: center;font-size: 16px;color: #383838;line-height: 60px;overflow: hidden;transition: all ease 300ms;}

.prolist li:hover a{background: #1e468e; border-color: #1e468e;}

.prolist li:hover h3{color: #fff;}


/*prolist*/

.prolist1{width: 100%; overflow: hidden;}

.prolist1 .list{width: 100%;}

.prolist1 li{width: 350px;float: left; margin-position: relative;background: #fff;transition: all ease 300ms;overflow: hidden; margin-right:20px; margin-bottom:30px;}

.prolist1 li a{display: block; padding: 3px; border: 1px solid #e5e5e5;}

.prolist1 li img{width: 340px;height: 254px;display: block;}

.prolist1 li h3{padding: 0 6px;height: 60px;text-align: center;font-size: 16px;color: #383838;line-height: 60px;overflow: hidden;transition: all ease 300ms;}

.prolist1 li:hover a{background: #1e468e; border-color: #1e468e;}

.prolist1 li:hover h3{color: #fff;}



/*caselist*/

.caselist{width: 100%; position: relative; overflow: hidden;}

.caselist .list{width: 105%; position: relative;}

.caselist .item{width: 570px; height: 245px; float: left; margin: 0 52px 30px 0; position: relative; background: url(../images/case-libg.jpg) no-repeat center center; transition: all ease 300ms; overflow: hidden;}

.caselist .item a{display: block; height: 200px; padding: 20px 30px 0 20px;}

.caselist .item img{width: 267px; height: 200px; float: left; margin-right: 30px; display: block; transition: all ease 300ms;}

.caselist .item h3{height: 38px; line-height: 38px; font-size: 16px; overflow: hidden; transition: all ease 300ms; margin-bottom: 14px; border-bottom: 1px solid #ededed; font-weight: bold;}

.caselist .item .txt{line-height: 24px; max-height: 96px; overflow: hidden; color: #737373;}

.caselist .item .more{width: 40px; height: 30px; padding-top: 10px; display: block; position: absolute; right: 25px; bottom: 25px; background: #eeeeee;}

.caselist .item .more s{width: 22px; height: 22px; display: block; margin: 0 auto; background-position: -105px 0; transition: all ease 300ms;}

.caselist .item:hover h3{color: #d20a05; border-bottom-color: #d20a05;}

.caselist .item:hover img{filter: brightness(105%);}

.caselist .item:hover .more{background: url(../images/blue-jbg.jpg) no-repeat center center;}

.caselist .item:hover .more s{background-position: -130px 0;}

/*txtlist*/

.txtlist{width: 97%;position: relative;overflow: hidden;border: #ccc solid 1px;padding: 12px;}

.txtlist .list{width: 106%;position: relative;}

.txtlist li{width: 300px; height: 36px; line-height: 36px; overflow: hidden; float: left; margin-right: 70px;}

.txtlist li a{width: 100%; display: block;}

.txtlist li s{width: 4px; height: 4px; display: inline-block; vertical-align: middle; margin-top: -1px; border-radius: 100%; background: #333333; margin-right: 10px;}

.txtlist li .time{float: right;}

.qalist .item{width: 100%; padding: 0 0 15px;}

.qalist .item .t,

.qalist .item .txt{padding-left: 40px; position: relative; display: block;}

.qalist .item s{width: 28px; height: 28px; border-radius: 3px; position: absolute; left: 0; top: 9px; background-position: -144px -24px; background-color: #d20a05;}

.qalist .item .t{height: 55px; line-height: 55px; overflow: hidden; display: block; font-size: 16px; margin-bottom: 12px; border-bottom: 1px solid #e5e5e5;}

.qalist .item .t s{top: 13px;}

.qalist .item .txt{color: #333333; line-height: 30px; max-height: 120px; overflow: hidden;}

.qalist .item .txt s{background-position: -168px -22px; top: 0; background-color: #1e468e;}

/***********index css ***********/

.index{width: 100%; position: relative; z-index: 20;}

.index .floor_1{position: relative; z-index: 20; padding-bottom: 25px;}

.index .floor_1 .floor_1_con{width: 946px; float: right; *padding-bottom: 45px;}

.index .floor_1 .indexTit{padding-bottom: 18px;}

.index .leftNav{float: left;}

.index .floor_2{width: 100%; height: 300px; background: url(../images/icustomerbg.jpg) no-repeat center top;}

.index .floor_2 .title{text-align: center; color: #fff; padding: 52px 0 35px;}

.index .floor_2 .title .en{font-size: 36px; line-height: 40px; text-transform: uppercase;}

.index .floor_2 .title h3{font-size: 30px; background: url(../images/icustomer-titbg.jpg) no-repeat center center;}

.index .floor_2 .prev,

.index .floor_2 .next{width: 25px; height: 70px; z-index: 10; position: absolute; top: 15px; cursor: pointer; background: #ffffff url(../images/btn-ico2.png) no-repeat 0 center;}

.index .floor_2 .prev:hover,

.index .floor_2 .next:hover{background-color: #ddd;}

.index .floor_2 .prev{left: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-position: 7px center;}

.index .floor_2 .next{right: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background-position: -39px center;}

.index .floor_2 .icustomer{position: relative;}

.index .floor_2 .icustomer .conlist{width: 1092px; margin: 0 auto; position: relative; overflow: hidden; height: 100px;}

.index .floor_2 .icustomer .list{width: 500%; position: relative;}

.index .floor_2 .icustomer li{width: 253px; height: 98px; overflow: hidden; float: left; margin-right: 23px; border: 1px solid #e5e5e5;}

.index .floor_2 .icustomer li a,

.index .floor_2 .icustomer li img{width: 100%; display: block;}

.index .floor_3{padding: 38px 0 60px;}

.index .floor_3 .caselist{padding-bottom: 35px;}

.index .floor_3 .morebtn{width: 510px; height: 54px; line-height: 54px; border-radius: 8px; overflow: hidden; margin: 0 auto;}

.index .floor_3 .morebtn a{width: 255px; height: 54px; text-align: center; font-size: 18px; display: block; float: left;}

.index .floor_3 .morebtn a:first-child{color: #fff; background: url(../images/blue-jbg.jpg) repeat-x 0 0; border: 0px;}

.index .floor_3 .morebtn a:first-child:hover{color: #d20a05;}

.index .floor_3 .morebtn a.btn2{border: 2px solid #e5e5e5; color: #333; border-left: 0px; width: 251px; height: 50px; border-top-right-radius: 8px; line-height: 48px; border-bottom-right-radius: 8px;}

.index .floor_3 .morebtn a.btn2:hover{color: #d20a05;}

.index .floor_4 .title{padding: 70px 0 50px; border-top: 1px solid #e5e5e5; text-align: center;}

.index .floor_4 .title img{display: block; margin: 0 auto 10px;}

.index .floor_4 .title h3{font-size: 36px; padding: 20px 0 0; line-height: 40px;}

.index .floor_4 .title h3 strong{margin-left: 18px;}

.index .floor_4 .iadvan .item{width: 100%; height: 350px; position: relative; margin-bottom: 80px;}

.index .floor_4 .iadvan .item .img{width: 590px; height: 350px; float: left; position: relative;}

.index .floor_4 .iadvan .item .img img{width: 100%; height: 100%; display: block;}

.index .floor_4 .iadvan .item .img .num{width: 80px; height: 120px; line-height: 120px; font-family: arial; position: absolute; left: 22px; top: -30px; background: url(../images/blue90.png) repeat 0 0; color: #fff; font-size: 36px; text-align: center;}

.index .floor_4 .iadvan .item .txtcon{width: 500px; float: right; height: 319px; padding: 30px 0 0 110px; border-bottom: 1px solid #e5e5e5;}

.index .floor_4 .iadvan .item h3{font-size: 30px; height: 32px; line-height: 32px; overflow: hidden; font-weight: bold;}

.index .floor_4 .iadvan .item h3 span{color: #1e468e; margin-right: 15px;}

.index .floor_4 .iadvan .item .en{font-size: 12px; font-family: arial; display: block; margin-bottom: 20px; text-transform: uppercase; color: #aaaaaa;}

.index .floor_4 .iadvan .item .txt{line-height: 30px; height: 90px; margin-bottom: 30px; overflow: hidden;}

.index .floor_4 .iadvan .item .more{width: 204px; height: 50px; line-height: 50px; text-align: center; color: #fff; display: block; background: url(../images/blue-jbg.jpg) repeat 0 0; font-size: 18px;}

.index .floor_4 .iadvan .item .more:hover{background: #d20a05;}

.index .floor_4 .iadvan .item.a2 .img,

.index .floor_4 .iadvan .item.a4 .img,

.index .floor_4 .iadvan .item.a6 .img,

.index .floor_4 .iadvan .item.a8 .img{float: right;}

.index .floor_4 .iadvan .item.a2 .txtcon,

.index .floor_4 .iadvan .item.a4 .txtcon,

.index .floor_4 .iadvan .item.a6 .txtcon,

.index .floor_4 .iadvan .item.a8 .txtcon{padding: 30px 110px 0 0;}

.index .floor_5{padding: 32px 0 0; color: #fff; height: 358px; background: url(../images/imsgbg.jpg) no-repeat center top;}

.index .floor_5 .title{width: 100%; height: 60px; line-height: 60px; font-size: 24px; margin-bottom: 25px; background: url(../images/imsgbg.png) no-repeat left bottom;}

.index .floor_5 .title s{width: 30px; height: 34px; margin-right: 10px; background-position: -58px -20px;}

.index .floor_5 .title span{font-size: 14px;}

.index .floor_5 .imsgbox{width: 625px;}

.index .floor_5 .imsgbox .item{width: 284px; height: 50px; margin: 0 21px 20px 0; float: left; position: relative;}

.index .floor_5 .imsgbox .item .txt{width: 100%; height: 48px; line-height: 48px; text-indent: 68px; display: block; color: #fff; border: 1px solid #689ad7; background: none; outline: none;}

.index .floor_5 .imsgbox .item .t{width: 60px; padding-left: 5px; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 0; top: 0; display: block; color: #fff;}

.index .floor_5 .imsgbox .item .msg-box{position: absolute; left: 0; top: -1px;}

.index .floor_5 .imsgbox .text{width: 592px; height: 90px;}

.index .floor_5 .imsgbox .text .txt{width: 570px; padding: 10px; text-indent: 58px; line-height: 28px; font-family: "microsoft yahei"; height: 78px; overflow: hidden; resize: none; background: none;}

.index .floor_5 .imsgbox .code{width: 592px;}

.index .floor_5 .imsgbox .code .txt{width: 282px; text-indent: 78px; float: left;}

.index .floor_5 .imsgbox .code .t{padding-left: 10px;}

.index .floor_5 .imsgbox .code img{height: 50px; max-width: 150px; margin-left: 10px; float: left; display: block;}

.index .floor_5 .imsgbox .code .btn{float: right; width: 134px; height: 50px; line-height: 50px; cursor: pointer; outline: none; color: #fff; background: #d20a05; font-size: 18px;}

.index .floor_5 .imsgbox .code .btn:hover{background: #1e468e;}

.index .floor_5 .imsgbox .submit{width: 170px; height: 46px; line-height: 46px; padding-left: 30px; border: 0 none; margin-top: 20px; background: url(../images/submit-bg.jpg) no-repeat 45px center; background-color: #333333; font-size: 16px; color: #fff; outline: none; cursor: pointer; border-radius: 5px;}

.index .floor_6{padding: 40px 0;}

.index .floor_6 .title{padding: 30px 0 50px; text-align: center;}

.index .floor_6 .title h3{font-size: 60px; line-height: 60px; color: #000;}

.index .floor_6 .title p{font-size: 24px; color: #333; padding: 30px 0 0; letter-spacing: 2px;}

.index .floor_6 .iabout{padding-bottom: 50px;}

.index .floor_6 .iabout .img,

.index .floor_6 .iabout img{width: 508px; height: 330px; display: block;}

.index .floor_6 .iabout .img{float: left; overflow: hidden;}

.index .floor_6 .iabout .img img{transition: all ease 300ms;}

.index .floor_6 .iabout .img:hover img{transform: scale(1.05);}

.index .floor_6 .iabout .txtcon{width: 640px; float: right; height: 266px; padding-top: 65px; background: url(../images/iaboutbg.png) no-repeat 30px top;}

.index .floor_6 .iabout .txtcon .tit{font-size: 30px; margin-bottom: 20px;}

.index .floor_6 .iabout .txtcon .txt{line-height: 24px; height: 120px; padding-right: 38px; margin-bottom: 30px; overflow: hidden;}

.index .floor_6 .iabout .txtcon .more{width: 204px; height: 50px; float: right; margin-right: 28px; display: block; line-height: 50px; text-align: center; background: url(../images/blue-jbg.jpg) repeat 0 0; color: #fff; font-size: 18px;}

.index .floor_6 .iabout .txtcon .more:hover{background: #d20a05; border-color: #d20a05;}

.index .floor_6 .honorlist{position: relative; overflow: hidden; height: 230px;}

.index .floor_6 .honorlist .list{width: 500%;}

.index .floor_6 .honorlist li{width: 282px; height: 211px; display: block; overflow: hidden; float: left; margin-right: 20px;}

.index .floor_6 .honorlist li a,

.index .floor_6 .honorlist li img{width: 100%; height: 100%; display: block; transition: all ease 300ms;}

.index .floor_6 .honorlist li:hover img{transform: scale(1.05);}

.index .floor_7{border-top: 1px solid #e9e9e9; padding: 50px 0;}

.index .floor_7 .iqa{width: 407px; float: left;}

.index .floor_7 .iqa .title{margin-bottom: 20px;}

.index .floor_7 .iqa .title .more{width: 44px; height: 44px; float: right; transition: all ease 300ms; margin-top: 5px; background-position: -55px -57px;}

.index .floor_7 .iqa .title .more:hover{margin-top: -5px;}

.index .floor_7 .iqa .title h3{font-size: 24px;}

.index .floor_7 .iqa .title .en{font-size: 14px; text-transform: uppercase; display: block;}

.index .floor_7 .iqa .title .line{width: 48px; height: 2px; display: block; background: #1e468e; margin-top: 5px;}

.index .floor_7 .inews{width: 710px; padding-bottom: 15px; float: right; border: 1px solid #e5e5e5;}

.index .floor_7 .inews .title{width: 100%; height: 58px; line-height: 58px; position: relative; border-bottom: 1px solid #e5e5e5;}

.index .floor_7 .inews .title h3{width: 204px; height: 60px; line-height: 60px; position: absolute; left: -1px; top: -1px; text-align: center; background: url(../images/blue-jbg.jpg) repeat 0 0; color: #fff; font-size: 24px;}

.index .floor_7 .inews .title h3 s{width: 33px; height: 36px; margin-right: 10px; background-position: -110px -58px;}

.index .floor_7 .inews .title .more{float: right; font-family: arial; margin-right: 15px;}

.index .floor_7 .inews .item{width: 670px; height: 200px; margin: 0 auto; padding-top: 30px;}

.index .floor_7 .inews .item a{display: block; width: 100%;}

.index .floor_7 .inews .item img{width: 257px; height: 192px; display: block; float: left; border: 1px solid #e5e5e5; padding: 3px; margin-right: 20px;}

.index .floor_7 .inews .item h3{font-size: 16px; color: #1e468e; height: 42px; line-height: 45px; overflow: hidden; margin-bottom: 5px; font-weight: bold; border-bottom: 1px solid #ededed; transition: all ease 300ms;}

.index .floor_7 .inews .item .txt{color: #737373; line-height: 24px; height: 72px; margin: 12px 0 20px; overflow: hidden;}

.index .floor_7 .inews .item .txt span{color: #d20a05;}

.index .floor_7 .inews .item .time{color: #737373;}

.index .floor_7 .inews .item:hover h3{color: #d20a05;}

.index .floor_7 .inews .txtlist{width: 670px; margin: 15px auto 0;}

.index .ilink_main{position: relative; overflow: hidden; height: 40px; line-height: 40px; margin: 40px auto 0;}

.index .ilink_main .t{position: absolute; left: 0; height: 40px; line-height: 40px; top: 0; font-weight: bold; color: #1e468e;}

.index .ilink_main .listcon{width: 1075px; height: 40px; line-height: 40px; margin-left: 100px; overflow: hidden; position: relative;}

.index .ilink_main .listcon .list{width: 100%;}

.index .ilink_main .listcon li{float: left; padding-top: 12px; height: 24px;}

.index .ilink_main .listcon li a{padding: 0 20px; height: 16px; line-height: 16px; display: block; border-left: 1px solid #eeeeee;}

.index .ilink_main .listcon li:first-child a{padding-left: 0; border-left: 0px;}

/**********index css end**********/

/************content************/

/* loaction */

.location{width: 100%; padding: 0px 0 0; height: 45px; line-height: 45px; margin-bottom: 20px; position: relative; border-bottom: 2px solid #1e468e;}

.location h3{font-size: 18px; padding-left: 3px; display: inline-block; position: relative;}

.location h3 s{width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -2px; background: #d20a05;}

.location .sitepath{color: #333333; float: right; text-align: right; width: 60%; white-space: nowrap;}

.location .sitepath a{color: #333333;}

.location .sitepath a:hover{color: #1e468e;}

.fenx{height: 40px;}

/* reLink */

.reLink{clear:left; width: 100%; height: 58px; line-height: 58px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd;}

.reLink .nextLink,

.reLink .prevLink{width: 50%; display: block; text-align: left; color: #666;}

.reLink .nextLink a:hover,

.reLink .prevLink a:hover{color: #1e468e;}

.reLink .nextLink{text-align: right;}

.nybanner{width: 100%; height: 300px; overflow: hidden; position: relative;}

.nybanner img{width: 1920px; display: block; position: absolute; left: 50%; margin-left: -960px; top: 0;}

.n-tit{margin-bottom: 20px;}

.n-tit h3{font-size: 24px; color: #000; margin-bottom: 22px;}

.n-tit .line{width: 28px; height: 2px; display: block; background: #000;}

.wrapper{padding: 0 0 30px;margin-top: 20px;}

.wrapper .shareNew{padding-bottom: 20px;}

.wrapper .noinfo{width: 100%; padding: 0 3%;}

.wrapper .noinfo img{display: block; margin: 0 auto;}

.wrapper .content{width: 930px;float: right;}

.wrapper .content .prolist{width: 100%;position: relative;}

.wrapper .content .prolist .item{margin-right: 30px;}

.wrapper .content .bgfff{width: 818px; padding: 15px 40px 50px; border: 1px solid #dddddd; background: #fff;}

.wrapper .qalist .item{padding-bottom: 25px;}

.wrapper .probox{padding-top: 30px; *padding-bottom: 30px; background: url(../images/splitbg.png) repeat-x center top;}

.wrapper .probox.a1{padding-top: 0; background: none;}

.wrapper .newsbox{padding-top: 30px; padding-bottom: 40px; background: url(../images/splitbg.png) repeat-x center top;}

.wrapper .newsbox .txtlist li{width: 420px;margin-right: 40px;}

.singlePage .txtcon img,.aboutPage .txtcon img{max-width: 100%;}

.aboutPage .t{padding: 0 0 25px;color: #003e92;font-size: 20px;}

.aboutPage .t2{color: #003e92;font-size: 30px;display: block;padding: 30px 0;}

.showPro{padding-bottom: 50px;}

.showPro .showTab{width: 100%; border-bottom: 2px solid #1e468e;}

.showPro .showTab a{display: inline-block; cursor: pointer; margin-right: 12px; height: 33px; line-height: 33px; width: 90px; text-align: center; background: url(../images/btn2bg.jpg) no-repeat center center; color: #333;}

.showPro .showTab a.hover,

.showPro .showTab a:hover{background-image: url(../images/blue-jbg.jpg); color: #fff;}

.showPro .showContxt{padding: 20px 0 30px; line-height: 26px;}

.showPro .showContxt img{max-width: 100%; height: auto !important;}

.showPro .showimgCon{padding: 0 0 30px;width: 930px;}

.showPro .showimgCon .txtcon{width: 457px;height: 330px;float: right;position: relative;}

.showPro .showimgCon .txtcon .tit{font-size: 24px; margin-bottom: 20px; color: #1e468e; font-weight: bold; line-height: 30px;}

.showPro .showimgCon .txtcon .txt{line-height: 30px; max-height: 270px; overflow: hidden;}

.showPro .showimgCon .txtcon .btn2{width: 204px;height: 50px;line-height: 50px;font-size: 18px;text-align: center;background: url(../images/btn2bg.jpg) no-repeat center center;position: absolute;right: 0;bottom: 0;transition: all ease 300ms;}

.showPro .showimgCon .txtcon .btn2:hover{background-image: url(../images/blue-jbg.jpg); color: #fff;}

.showPro .showimgCon .txtcon .btn1{width: 240px;height: 50px;line-height: 50px;font-size: 18px;text-align: center;background: url(../images/blue-jbg.jpg) center center;position: absolute;right: 217px;bottom: 0;transition: all ease 300ms;}

.showPro .showimgCon .txtcon .btn1 span,

.showPro .showimgCon .txtcon .btn1 strong{display: block; width: 100%; color: #fff; height: 50px; line-height: 50px;}

.showPro .showimgCon .txtcon .btn1 strong{display: none;}

.showPro .showimg{width: 442px; position: relative; float: left; overflow: hidden;}

.showPro .showimg .bigimg{width: 440px; height: 330px; display: block; position: relative; border: 1px solid #e5e5e5;}

.showPro .showimg .bigimg .list{width: 500%;}

.showPro .showimg .bigimg .list li{width: 440px; height: 330px;}

.showPro .showimg .bigimg .list img{width: 100%; height: 100%; display: block; transition: all ease 300ms;}

.showPro .showimg .smallimg{width: 442px; height: 80px; position: relative; padding-top: 10px; z-index: 10; overflow: hidden;}

.showPro .showimg .list{width: 374px; overflow: hidden; position: relative; margin: 0 auto;}

.showPro .showimg .listcon{width: 300%; position: relative;}

.showPro .showimg .prev,

.showPro .showimg .next{width: 24px; height: 62px; z-index: 10; position: absolute; top: 10px; cursor: pointer; background: #eeeeee url(../images/btn-ico2.png) no-repeat 0 center;}

.showPro .showimg .prev:hover,

.showPro .showimg .next:hover{background-color: #ddd;}

.showPro .showimg .prev{left: 0; background-position: 6px center;}

.showPro .showimg .next{right: 0; background-position: -41px center;}

.showPro .showimg li{width: 80px; height: 60px; margin-right: 16px; float: left; cursor: pointer; position: relative; border: 1px solid #e5e5e5;}

.showPro .showimg li img{width: 100%; height: 100%; display: block;}

.showPro .showimg li.on{width: 78px; height: 58px; border: 2px solid #1e468e;}

.contactPage .txtcon img{max-width: 100%;}

.contactPage .t2{font-size: 20px; padding: 36px 0 30px;}

.contactPage .mapArea{width: 100%; height: 400px; margin-top: 20px;}

.contactPage .mapArea #allmap{width: 100%; height: 400px;}

.formData{padding-bottom: 20px;}

.formData .item{float: left;color: #999;font-weight: normal;width: 425px;height: 56px;line-height: 56px;border: 1px solid #e5e5e5;margin-right: 76px;margin-bottom: 45px;position: relative;}

.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 56px;line-height: 56px;font-size: 18px;color: #cccccc;}

.formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;}

.formData .item .txt{width: 355px;height: 56px;line-height: 56px;display: block;background: none;padding-left: 70px;border: 0 none;color: #999;}

.formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}

.formData .item.mr0{margin-right: 0;}

.formData .msg-box{position: absolute;left: 0;top: 0px;}

.formData .liuyan{width: 928px;height: 260px;border: 1px solid #e5e5e5;float: left;}

.formData .liuyan label{text-align: right;display: block;}

.formData .liuyan textarea{width: 908px;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}

.formData .bot{width: 100%;}

.formData .sub{width: 232px;line-height: 58px;margin-right: 2px;text-align: center;background: #1e468e;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}

.formData .sub:hover{background: #d20a05;}

.formData .yzm{width: 432px;}

.formData .yzm .txt{padding-left: 80px;}

.formData .yzm img{position: absolute;right: 0;top: 0;height: 56px;border: 0px;display: block;}

.newsPage .item{width: 890px;height: 160px;margin: 0 auto;padding: 20px;border-bottom: 1px solid #eaeaea;transition: all .5s;}

.newsPage .item a{display: block; width: 100%;}

.newsPage .item img{width: 200px;height: 150px;display: block;float: left;border: 1px solid #e5e5e5;padding: 3px;margin-right: 20px;}

.newsPage .item h3{font-size: 16px; color: #1e468e; height: 42px; line-height: 45px; overflow: hidden; margin-bottom: 5px; font-weight: bold; border-bottom: 1px solid #ededed; transition: all ease 300ms;}

.newsPage .item .txt{color: #737373;line-height: 24px;height: 68px;margin: 12px 0 13px;overflow: hidden;}

.newsPage .item .txt span{color: #d20a05;}

.newsPage .item .time{color: #737373;}

.newsPage .item:hover h3{color: #d20a05;}

.newsPage .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}

/*showpage*/

.showPage{background: #fff;}

.showPage .title{color: #333333; margin-bottom: 5px; font-size: 24px; text-align: center;}

.showPage .title .more{font-size: 14px;}

.showPage .mark{padding: 5px 0 10px; text-align: center; margin-bottom: 20px; border-bottom: 1px solid #eee;}

.showPage .mark span{margin-right: 18px; font-size: 12px; color: #666666;}

.showPage .showContxt{color: #333333; padding: 5px 0 30px;}

.showPage .showContxt img{max-width: 100%;}

.showPage .newsbox{margin-top: 0;}

.showPage .gridlist{padding-top: 10px;}

.showPage .gridlist .item{width: 350px; height: 323px;}

.showPage .gridlist .item img{width: 350px; height: 263px;}

.showPage .gridlist .item h3{height: 60px; line-height: 60px;}

.showPage .img-quotes{padding-top: 30px; margin-bottom: 40px;}

.showPage .imgcon{width: 423px; height: 468px; padding-left: 295px; margin-left: 30px; position: relative; border: 1px solid #dddddd;}

.showPage .imgcon .img{position: absolute; left: -30px; top: -30px; width: 276px; height: 368px; display: block; z-index: 10;}

.showPage .imgcon h4{padding-top: 45px; font-size: 16px;}

.showPage .imgcon h3{font-size: 26px; margin-bottom: 40px;}

.showPage .imgcon .txt{margin-top: 40px; line-height: 30px;}

.resultPage .item1{display: block; float: left; width: 860px; padding: 20px 35px; background: #f7f7f7; margin-bottom: 28px;}

.resultPage .item1 h3{height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; color: #000; margin-bottom: 5px; transition: all ease 300ms;}

.resultPage .item1 img{width: 150px; height: 90px; float: left; margin-right: 24px; display: block; transition: all ease 300ms;}

.resultPage .item1 .txt{font-size: 12px; color: #999999; line-height: 22px; height: 44px; overflow: hidden;}

.resultPage .item1:hover h3{color: #1e468e;}

.resultPage .item1:hover img{-webkit-filter: brightness(110%); filters: brightness(110%);}

.resultPage .item2{width: 280px; margin: 0 26px 31px 0; float: left; position: relative; overflow: hidden;}

.resultPage .item2 img{width: 280px; height: 210px; display: block; transition: all ease 300ms;}

.resultPage .item2 .bg{width: 280px; height: 210px; display: block; transition: all ease 300ms; background: url(../images/black70.png) repeat 0 0; position: absolute; left: -100%; top: 0;}

.resultPage .item2 .plus{width: 280px; height: 210px; display: block; transition: all ease .4s; background: url(../images/ipro_hover.png) no-repeat center center; position: absolute; left: -100%; top: 0;}

.resultPage .item2 h3{color: #000; line-height: 28px; text-align: center; padding-top: 8px; height: 28px; overflow: hidden;}

.resultPage .item2:hover .bg{left: 0;}

.resultPage .item2:hover .plus{left: 0;}

.resultPage .item2:hover img{-webkit-filter: brightness(110%); filters: brightness(110%);}

.resultPage .item2:hover h3{color: #1e468e;}

.map_ul{list-style: outside none none; display: block; width: 100%; padding-top: 10px; padding-bottom: 30px;}

.map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left;}

.map_ul li a{font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold;}

.map_ul .list-inline{display: block; margin-left: 8%; width: 86%; min-height: 30px;}

.map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;}

.map_ul .list-inline a:hover{background: #1e468e; border-color: #1e468e; color: #fff;}

.aboutPage .about_txt{background: #fff; padding: 40px 50px; margin-bottom: 30px;}

.aboutPage .img{margin-bottom: 30px; width: 100%; display: block;}

.aboutPage .txtcon{color: #666666;}

.aboutPage .txtcon img{max-width: 100%;}

.showImg{float:left; width:440px; height:330px;}

.showImg .showImg_left{width:440px; height:330px; position:relative; overflow:hidden;border: 1px solid #e5e5e5;}

.showImg .showImg_left .hd{position:absolute; bottom:30px; right:20px; height:12px;z-index: 1;}

.showImg .showImg_left .hd ul{display:inline-block;}

.showImg .showImg_left .hd ul li{display:block;float:left;width:12px;height:12px;background-color: #003e92;border-radius:10px;text-indent: -999px;cursor: pointer;margin-left:10px;}

.showImg .showImg_left .hd ul li.on{background-color: #d20a05;}

.showImg .showImg_left .bd{width:440px; height:330px;}

.showImg .showImg_left .bd ul{display:inline-block;}

.showImg .showImg_left .bd ul li{float:left;}

.showImg .showImg_left .bd ul li img{width:440px; height:330px; background-size:100%;}

/*******font-face********/

@font-face{font-family: 'impact'; src: url('../other/impact.eot'); src: url('../other/impact.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../other/impact.woff') format('woff'), /* Modern Browsers */ url('../other/impact.ttf') format('truetype'), /* Safari, Android, iOS */ url('../other/impact.svg#impact') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */}